Ext.onReady(function() {

	// 状态的下拉框
	var combox = new Ext.form.ComboBox({
				fieldLabel : '状态',
				hiddenName : 'state',
				store : new Ext.data.SimpleStore({
							fields : ['abbr', 'state'],
							data : Ext.exampledata.state1
						}),
				displayField : 'state',
				typeAhead : true,
				mode : 'local',
				triggerAction : 'all',
				emptyText : 'IT...',
				selectOnFocus : true,
				anchor : '90%',
				width : 150
			});

	// 日期控件
	Ext.apply(Ext.form.VTypes, {
		daterange : function(val, field) {
			var date = field.parseDate(val);

			if (!date) {
				return;
			}
			if (field.startDateField
					&& (!this.dateRangeMax || (date.getTime() != this.dateRangeMax
							.getTime()))) {
				var start = Ext.getCmp(field.startDateField);
				start.setMaxValue(date);
				start.validate();
				this.dateRangeMax = date;
			} else if (field.endDateField
					&& (!this.dateRangeMin || (date.getTime() != this.dateRangeMin
							.getTime()))) {
				var end = Ext.getCmp(field.endDateField);
				end.setMinValue(date);
				end.validate();
				this.dateRangeMin = date;
			}
			/*
			 * Always return true since we're only using this vtype to set the
			 * min/max allowed values (these are tested for after the vtype
			 * test)
			 */
			return true;
		}
	});

	// 子表显示
	var store = new Ext.data.SimpleStore({
				fields : [{
							name : 'pbcompany_code',
							type : "string"
						}, {
							name : 'pbcompany_chinese_title',
							type : 'string'
						}, {
							name : 'address',
							type : 'string'
						}, {
							name : 'phone',
							type : 'string'
						}, {
							name : 'stare',
							type : 'date',
							dateFormat : 'Y-m-d'
						}, {
							name : 'callfor',
							type : 'string'
						}]
			});
	store.loadData(Ext.exampledata.state2);

	var grid = new Ext.grid.GridPanel({
				store : store,
				columns : [{
							id : 'company',
							header : "客户代码",
							width : 100,
							sortable : true,
							dataIndex : 'pbcompany_code'
						}, {
							header : "客户中文名称",
							width : 150,
							sortable : true,
							dataIndex : 'pbcompany_chinese_title'
						}, {
							header : "地址",
							width : 150,
							sortable : true,
							dataIndex : 'address'
						}, {
							header : "电话",
							width : 150,
							sortable : true,
							dataIndex : 'phone'
						}, {
							header : "注册日期从",
							width : 150,
							sortable : true,
							renderer : Ext.util.Format.dateRenderer('Y-m-d'),
							dataIndex : 'stare'
						}, {
							header : "紧急联系人",
							width : 100,
							sortable : true,
							dataIndex : 'callfor'
						}],
				stripeRows : true,
				autoExpandColumn : 'company',
				height : 350,
				width : 900,
				title : ''
			});

	var pf = new Ext.form.FormPanel({
		// renderTo :"companySign",
		width : 900,
		frame : true,
		// title :"客户注册",
		hideLables : false,
		id : 'addPanelForm',
		bodyStyle : 'padding:5px 5px 0',
		// url:'Tax!saveTax.action',
		items : [{
					layout : 'column',
					items : [{
								columnWidth : 1,
								layout : 'form',
								items : [{
											xtype : 'hidden',
											name : 'tax_code',
											id : 'tax_code'
										}]
							}, {
								columnWidth : .5,
								layout : 'form',
								items : [{
											xtype : 'textfield',
											fieldLabel : '客户编号',
											name : 'pb_company.company_code',
											id : 'pb_company.company_code',
											anchor : '90%',
											allowBlank : false,
											blankText : '客户编号不能为空',
											emptyText : '请输入编号'
										}]
							}, {
								columnWidth : .5,
								layout : 'form',
								items : [{
											xtype : 'textfield',
											fieldLabel : '客户中文名称',
											name : 'pb_company. company_chinese_code',
											id : 'pb_company. company_chinese_code',
											anchor : '90%',
											allowBlank : false,
											blankText : '客户中文名称不能为空',
											emptyText : '请输入名称'
										}]
							}, {
								columnWidth : .5,
								layout : 'form',
								items : [{
											columnWidth : 1,
											fieldLabel : '注册日期从',
											anchor : '90%',
											name : 'startdt',
											id : 'startdt',
											xtype : 'datefield',
											vtype : 'daterange',
											endDateField : 'enddt'
										}]
							}, {
								columnWidth : .5,
								layout : 'form',
								items : [{
											fieldLabel : '注册时期到',
											anchor : '90%',
											name : 'enddt',
											id : 'enddt',
											xtype : 'datefield',
											vtype : 'daterange',
											startDateField : 'startdt'
										}]
							}, {
								columnWidth : .5,
								layout : 'form',
								items : [combox

								// {
								// fieldLabel :'注册时期到',
								// anchor :'90%',
								// name :'enddt1',
								// id :'enddt1',
								// xtype :'datefield',
								// vtype :'daterange',
								// startDateField :'startdt'
								// }
								]

							},

							{
								columnWidth : 1,
								layout : 'column',
								items : [{
											// columnWidth :.5,
											xtype : 'button',
											text : '新增'
										}, {
											// columnWidth :.5,
											xtype : 'button',
											text : '查询'
										}]
							}]

				}]

	});

	var p = new Ext.Panel({
				title : '客户注册',
				renderTo : document.body,
				items : [pf, grid]

			});

});